/*reset*/
body{font-family: "microsoft yahei","微软雅黑";}
body,ul,li,ol,img{margin: 0;padding: 0;}
li{list-style: none;}

/*example*/
.example{}
.example ol{    
    position: absolute;
    width: auto;
    height: 20px;
    bottom: 6px !important;
    right: 50%;
    margin-right: -593px;
    display:none;
}
.example ol li{width: 10px;height: 10px;border-radius:50%;margin: 5px;background: #353533;display:inline-block;cursor:pointer}
.example ol li.seleted{background: #E1322F;}

.example1{}
.example1 ol{position:absolute;width: 80px;height: 20px;top:-30px;left:60px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #b5b5b5;}
.example1 ol li.seleted{background: #1AA4CA;}

.example2{}
.example2 ol{position:absolute;width: 80px;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #b5b5b5;}
.example2 ol li.seleted{background: #1AA4CA;}